<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <#include "include/head.ftl"/>
    <meta charset="UTF-8">
    <title>欢迎来到微工匠</title>
    <style type="text/css">
        body{
            background-image: url('${ctx}/ftl/images/apple.png');
        }
        div > span {
            text-align: center;
            font-family: Menlo, Monaco, Consolas;
            font-size: 300%;
            font-weight: bold;
            color: #8EDFBD;
            margin: 50px auto;
            text-shadow:2px 2px 0px orange;
        }
        .time {
            font-weight: bold;
            font-family: Consolas;
            font-size: 200%;
            color: red;
        }
        #c{
            z-index: 300;
        }
        .welcome{
            text-align: center;
            margin: 50px auto;
            width: 100%;
        }
        #welcome{
            z-index: 9999;
            overflow: hidden;
            position: absolute;
            top:0;
            left:0;
            text-align: center;
            padding: 10% 0 0 30%;
        }
    </style>
    <script type="text/javascript" src=""/>
</head>
<body>
<div id="welcome">
    <div id="count_div" class="welcome">
        <label for="count"></label>
        <span id="count" class="time"></span>
    </div>
    <div class="welcome">
        <span >Welcome Micro frog</span>
    </div>
    <div id="container" style="height: 100%"></div>
</div>
</body>
<script type="text/javascript">
    var delayTime = 30;
    document.getElementById("count").innerHTML = timeNow();
    window.setTimeout(function () {
        counting();
    }, 500);

    function counting() {
        window.setInterval(function () {
            delayTime--;
            document.getElementById("count").innerHTML = timeNow();
            if (delayTime == 0) {
//                    location.href = '/login';
            }
        }, 1000)
    }

    function timeNow() {
        var date = new Date();
        var Y = date.getFullYear() + "年";
        var M = check(date.getMonth() + 1) + "月";
        var D = check(date.getDate()) + " ";
        var H = check(date.getHours()) + "时";
        var m = check(date.getMinutes()) + "分";
        var s = check(date.getSeconds()) + "秒";
        return Y + M + D + H + m + s;
    }

    //检查是不是两位数字，不足补全
    function check(str) {
        str = str.toString();
        if (str.length < 2) {
            str = '0' + str;
        }
        return str;
    }
</script>
</html>